<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TLT-文本辅助打标签软件</title>
	<!-- 引入样式 -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui@2.14.1/lib/theme-chalk/index.css">
    <style>
    </style>
</head>
<body>
    <div id="app">
        <div class="content">
			<el-container>
				 <template>
				    <el-table
				      :data="tableData"
				      style="width: 100%">
				      <el-table-column
				        prop="sentiment"
				        label="情感"
				        width="180">
				      </el-table-column>
				      <el-table-column
				        prop="explain"
				        label="解释"
				        width="180">
				      </el-table-column>
				      <el-table-column
				        prop="example"
				        label="举例">
				      </el-table-column>
				    </el-table>
				  </template>
			</el-container>
        </div>
    </div>
	<!-- 引入组件库 -->
    <script src="./js/vue.js"></script>
    <script src="./js/axios.min.js"></script>
	<script src="https://unpkg.com/element-ui@2.14.1/lib/index.js"></script>
    <script>
        let app = new Vue({
            el: '#app',
			data() {
				return {
				  tableData: [{
					sentiment: '真',
					explain: '可信度高',
					example: '听说这个餐馆的服务很好，今天试了果然很不错'
				  }, {
					sentiment: '假',
					explain: '可性度低',
					example: '这个景点的纪念品都是骗人的'
				  }, {
					sentiment: '善',
					explain: '对他人有益',
					example: '这家餐馆的味道很赞'
				  }, {
					sentiment: '恶',
					explain: '对自己有益',
					example: '这家餐馆在食材上克扣'
				  }, {
					sentiment: '美',
					explain: '视觉价值高',
					example: '布局很漂亮'
				  }, {
					sentiment: '丑',
					explain: '视觉价值低',
					example: '到处充满油污'
				  }]
				}
			}
        });


    </script>
</body>
</html>